<template>
	<view class="page">
		<!-- 顶部tab切换 -->
		<view class="tab-wrap">
			<view class="end-title">
				<view v-for="(item,index) in items" :key="index" :class="{on:count == index}" @click.stop="tabChange(index)">
					{{item}}
				</view>
			</view>
			<view class="tab-cont">
				<view class="list-wrap">
					<view class="item" v-for="(item,index) in 3" :key="index">
						<navigator url="../circleDetail/circleDetail" hover-class="none" class="head">
							<view class="lf">
								<image src="../../static/product.png" mode=""></image>
							</view>
							<view class="rt">
								<view class="title">
									2020年高考填志愿，如何选择好大学好专
								</view>
								<view class="time">2个小时前</view>
							</view>
						</navigator>
						<view class="foot">
							<view class="item">
								<image class="profile-photo" src="../../static/logo.png" mode=""></image>
								<view class="text name">
									发帖人
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/pinglun.png" mode=""></image>
								<view class="text">
									154条评论
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/dianzan.png" mode=""></image>
								<view class="text">
									点赞
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/guanzhu.png" mode=""></image>
								<view class="text">
									关注
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/shengluehao.png" mode=""></image>
							</view>
						</view>
					</view>
					
					<view class="item">
						<view class="head">
							<view class="lf">
								<image src="../../static/logo.png" mode=""></image>
							</view>
							<view class="rt">
								<view class="title">
									2020年高考填志愿，如何选择好大学好专
								</view>
								<view class="time">2个小时前</view>
							</view>
						</view>
						<view class="foot">
							<view class="item">
								<image class="profile-photo" src="../../static/logo.png" mode=""></image>
								<view class="text name">
									发帖人
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/pinglun.png" mode=""></image>
								<view class="text">
									154条评论
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/dianzan.png" mode=""></image>
								<view class="text">
									点赞
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/guanzhu.png" mode=""></image>
								<view class="text">
									关注
								</view>
							</view>
							<view class="item">
								<image class="img" src="../../static/shengluehao.png" mode=""></image>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				btnnum: 0,
				items: ["我的发布", "我关注的"],
				count: "",
			}
		},
		methods: {
			//顶部tab切换
			tabChange(e) {
				let that = this;
				that.count = e
				that.btnnum = e
				console.log(that.count)
			}
		}
	}
</script>
<style lang="scss" scoped="">
	@import  'circle.scss';
	@import '@/common/icon/iconfont.css';
</style>
